<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/modules/cms/front/include/taglib.jsp"%>
<%@ taglib prefix="sitemesh" uri="http://www.opensymphony.com/sitemesh/decorator" %>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<meta name="keywords" content="少年宫" />
	<meta name="description" content="少年宫" />
	<link rel="stylesheet" href="${ctxStatic}/sdsng/lib/weui.min.css">
	<link rel="stylesheet" href="${ctxStatic}/sdsng/css/jquery-weui.css">
	<link rel="stylesheet" href="${ctxStatic}/sdsng/css/style.css">
	<script src="${ctxStatic}/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
	<link rel="stylesheet" href="${ctxStatic}/sweetalert/sweetalert.css">
	<script src="${ctxStatic}/sweetalert/sweetalert.min.js"></script>
	<script src="${ctxStatic}/sdsng/js/base.js"></script>
	<sitemesh:head/>
</head>
<body ontouchstart>
<!--顶部搜索-->
<div class="wshead">
	<center>
	<img src="${ctxStatic}/sdsng/images/logo.png" width="40" height="40" style="margin-right:10px"/>山东省青少年宫
	</center>
</div>
<!-- <header class='weui-header' >
  <div class="weui-search-bar" id="searchBar" >
    <form class="weui-search-bar__form" >
      <div class="weui-search-bar__box" >
        <i class="weui-icon-search"></i>
        <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="请输入你要搜索的课程" required>
        <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
      </div>
      <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);">
        <i class="weui-icon-search"></i>
        <span>请输入你要搜索的课程</span>
      </label>
    </form>
    <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
  </div>
</header> -->
<!--主体-->
<div class='weui-content'>
 	<sitemesh:body/>
</div>

<!--底部导航-->
<div class="foot-black"></div>
<div class="weui-tabbar wy-foot-menu">
  <a href="${ctx}/weixin?siteId=${site.id}" class="weui-tabbar__item weui-bar__item--on">
    <div class="weui-tabbar__icon foot-menu-home"></div>
    <p class="weui-tabbar__label">首页</p>
  </a>
  <a href="${ctx}/toClassfy?siteId=${site.id}" class="weui-tabbar__item">
    <div class="weui-tabbar__icon foot-menu-list"></div>
    <p class="weui-tabbar__label">分类</p>
  </a>
  <a href="${ctx }/emsCart/myCartList?siteId=${site.id}" class="weui-tabbar__item">
    <span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">${orderInfoMap.CARTCOUNT }</span>
    <div class="weui-tabbar__icon foot-menu-cart"></div>
    <p class="weui-tabbar__label">购物车</p>
  </a>
  <a href="${ctx }/myIndex?siteId=${site.id}" class="weui-tabbar__item">
    <div class="weui-tabbar__icon foot-menu-member"></div>
    <p class="weui-tabbar__label">我的</p>
  </a>
</div>

<script src="${ctxStatic}/sdsng/lib/jquery-2.1.4.js"></script> 
<script src="${ctxStatic}/sdsng/lib/fastclick.js"></script> 
<script>
  $(function() {
    FastClick.attach(document.body);
  });
</script> 
<script src="${ctxStatic}/sdsng/js/jquery-weui.js"></script>
<script src="${ctxStatic}/sdsng/js/swiper.js"></script>
<script>
	$(".swiper-banner").swiper({
        loop: true,
        autoplay: 3000
      });
	$(".swiper-news").swiper({
		loop: true,
		direction: 'vertical',
		paginationHide :true,
        autoplay: 30000
      });
	 $(".swiper-jingxuan").swiper({
		pagination: '.swiper-pagination',
		loop: true,
		paginationType:'fraction',
        slidesPerView:3,
        paginationClickable: true,
        spaceBetween: 2
      });
	 $(".swiper-jiushui").swiper({
		pagination: '.swiper-pagination',
		paginationType:'fraction',
		loop: true,
        slidesPerView:3,
		slidesPerColumn: 2,
        paginationClickable: true,
        spaceBetween:2
      });
</script>
</body>
</html>